<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>禁用表单控件</title>
</head>
<body>
<!--禁用表单控件的属性是 disable 加在哪个表单控件都可以 表明禁用表单控件   -->

  <form action="https://search.jd.com/search" method="get" target="_blank">
<!--    value是默认值  maxlength是最大长度 文本输入框-->
      账户:<input type="text" value="zhangsan" name="account" maxlength="10"><br>
<!--    type=password 是密码的意思，会默认隐藏密码 密码输入框-->
      密码:<input type="password" value="123" name="pwd" maxlength="10"><br>
<!--    单选框 为了做到二选一 两个输入框必须加一样的名字 为了有数据传到后端 输入框必须有默认值 checked 让单选框默认选中-->
      性别:
    <input type="radio" name="gender" value="female" checked>男
    <input type="radio" name="gender" value="male">女
    <br>
<!--    复选框  复选框的名字也要保持一样 也要有默认值 不然数据没法传入 checked 让单选框默认选中-->
    爱好:
    <input type="checkbox" name="hobby" value="smoke" checked>抽烟
    <input type="checkbox" name="hobby" value="drink">喝酒
    <input type="checkbox" name="hobby" value="perm">烫头<br>
<!--      文本域的编写 name文本域发送的参数名称 cols 列的大小 rows行的大小 -->
    其他:
      <textarea name="other" cols="23" rows="3"></textarea><br>
<!--      下拉框 select中的name是传给后端的参数名称 option中有value传给后端的数据就是value 如果没有传入option的内容 selected是指默认的选项 -->
    籍贯:
      <select name="place">
          <option value="豫" selected>河南</option>
          <option value="晋">山西</option>
          <option value="冀">河北</option>
          <option value="鲁">山东</option>
      </select>
<!--      隐藏域 作用:携带一些固定的数据 -->
    <input type="hidden" name="from" value="toutiao">
    <br>
<!--      提交按钮的第一种写法 type的默认值是提交，如果是提交按钮可以不写-->
<!--    <button type="submit">确认</button>-->
<!--        提交按钮的第二种写法 type是submit 注意这样式的按钮不要写name属性 value 是 按钮中的文字(默认是提交) -->
      <input type="submit" value="确认">
<!--        重置按钮的第一种写法 type必须是reset-->
<!--      <button type="reset">重置</button>-->
<!--      重置按钮的第二种写法 注意:重置按钮也不要带name属性 -->
      <input type="reset" value="重置">
<!--      普通按钮的第一种写法 注意:type的类型必须是button -->
<!--      <input type="button" value="检测账户是否被注册过">-->
<!--      普通按钮第二种写法 注意:type必须是有值 并且必须是button-->
      <button type="button">检测账户是否被注册过</button>
  </form>

</body>
</html>